<template>
  <ul v-for="item, index in career">
        <li>{{ item }}</li>
    </ul>
    <input type="button" value="走一走" v-on:click="handleclick(0, 3)">
</template>

<script>
import { reactive } from "vue";
export default {
  name: 'app',
  setup(){
    const career = reactive(
            ['帅哥', '程序猿', '美女', '程序媛'])
        const handleclick = () => {
            career.reverse()
        }
        return { career, handleclick }

  }
}
</script>

<style>
*{
    margin: 0;
    padding: 0;
}
    ul{
        list-style-type: none;
    }
</style>